﻿#su-reg-form {
    width: 100%;
}

#su-reg-container {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 5px solid #808080;
    background-color: #d9b400;
}

    #su-reg-container fieldset {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }


.registration-field:first-of-type {
    margin-top: 1em;
}

.registration-field {
    /*border: 1px solid red;*/
    margin-top: 0.5em;
    overflow: hidden;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
    /*height:100px;*/
}

    .registration-field .registration-label {
        width: 48%;
        /*border:1px solid red;*/
        float: left;
    }

    .registration-field .registration-input {
        width: 48%;
        /*border:1px solid red;*/
        float: left;
    }

    .registration-field input {
        width: 200px;
        min-height: 25px;
    }

        .registration-field input[type="submit"] {
            border: 2px solid gray;
            float: left;
            line-height: 2em;
            width: 205px;
        }

.registration-validation span {
    width: 100%;
}

.registration-result {
    margin: 1em;
}

#user-list-container {
    width: 100%;
}

#user-list {
    border: 5px solid #ffd800;
    border-radius: 10px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

    #user-list ul {
        list-style: none;
    }

        #user-list ul li {
            margin-top: 0.5em;
            margin-right: 2em;
        }

#user-data-header {
    background-color: #d9b400;
    overflow: hidden;
    padding-top: 5px;
    padding-left: 0.5em;
}

    #user-data-header div {
        width: 33.2%;
    }

.user-data-container {
    background-color: #d9b400;
}

    .user-data-container .user-data {
        background-color: #e6c524;
        margin: 0.5em;
        padding-top: 1em;
        padding-bottom: 1em;
        overflow: hidden;
    }

        .user-data-container .user-data .user-data-username, .user-data-role, user-folder-access {
            /*border: 1px solid red;*/
            width: 33.2%;
            float: left;
            
        }

        .user-data-container .user-data .user-data-role select {
            width:100px;
        }

.change-link {
    text-decoration: none;
    color: #fff;
    margin-right: 2em;
    margin-left:5px;
    text-align: left;
}

    .change-link:hover {
        /*font-weight: bold;*/
        border-left:5px solid #fff;
        margin-left:0;
    }

#user-folders-container {
    overflow: hidden;
}

.user-folder {
    overflow: hidden;
    margin-bottom: 5px;
    /*padding-top:1em;*/
    padding-bottom: 1em;
    background-color: #d9b400;
    width: 32%;
    float: left;
    margin-left: 5px;
    height: 90px;
    position: relative;
}

    .user-folder > div {
        /*border:2px solid red;*/
        margin-left: 0.25em;
    }

    .user-folder .folder-data {
        width: 49.5%;
        text-wrap: none;
        white-space: nowrap;
    }

        .user-folder .folder-data:first-of-type {
            padding-top: 0.5em;
        }

        .user-folder .folder-data:last-of-type {
            position: absolute;
            bottom: 0.5em;
        }

    .user-folder .folder-path {
        width: 100%;
        background-color: #ceab01;
        padding-bottom: 0.25em;
        padding-top: 0.25em;
    }

        .user-folder .folder-path > span {
            font-family: "visitor";
        }

#user-folder-filter-container {
    width: 100%;
}

#user-folder-filter {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

#user-folders-main-container {
    width: 100%;
}
